export const backGround = {
    color: '#F2F6FC'
}

export const banner = {
    temp    : 'banner-temp',
    setting: {
        banner: 1,
        margin: {
            'margin-top': 0,
            'margin-right': 0,
            'margin-bottom': 0,
            'margin-left': 0
        },
        padding: {
            'padding-top': 0,
            'padding-right': 0,
            'padding-bottom': 0,
            'padding-left': 0
        }
    },
    autoplay: 5000,
    indicatorColor: 'white',
    imgs    : [
        {
            grid    : {
                'height'    : 200,
                'width'     : 100
            },
            url     : '',
            link    : {
                type: '',
                val : ''
            }
        },
        {
            grid    : {
                'height'    : 200,
                'width'     : 100
            },
            url     : '',
            link    : {
                type: '',
                val : ''
            }
        }
    ]
}

export const oneBox = {
    temp    : 'one-box-temp',
    setting: {
        margin: {
            'margin-top': 0,
            'margin-right': 0,
            'margin-bottom': 0,
            'margin-left': 0
        },
        padding: {
            'padding-top': 0,
            'padding-right': 0,
            'padding-bottom': 0,
            'padding-left': 0
        }
    },
    img     : {
        grid    : {
            'height'    : 200,
            'width'     : 100
        },
        url     : '',
        link    : {
            type: '',
            val : ''
        }
    }
}

export const twoBox = {
    temp    : 'two-box-temp',
    setting: {
        margin: {
            'margin-top': 0,
            'margin-right': 0,
            'margin-bottom': 0,
            'margin-left': 0
        },
        padding: {
            'padding-top': 0,
            'padding-right': 0,
            'padding-bottom': 0,
            'padding-left': 0
        }
    },
    imgs    : [
        {
            grid    : {
                'height'    : 150,
                'width'     : 100
            },
            border  : {
                'width'     : '100%',
                'border-left' : '1px solid #DCDFE6',
                'border-right': '1px solid #DCDFE6'
            },
            url     : '',
            link    : {
                type: '',
                val : ''
            }
        },
        {
            grid    : {
                'height'    : 150,
                'width'     : 100
            },
            border  : {
                'width'     : '100%',
                'border-left' : '1px solid #DCDFE6',
                'border-right': '1px solid #DCDFE6'
            },
            url     : '',
            link    : {
                type: '',
                val : ''
            }
        }
    ]
    
}

export const threeBox = {
    temp    : 'three-box-temp',
    setting: {
        margin: {
            'margin-top': 0,
            'margin-right': 0,
            'margin-bottom': 0,
            'margin-left': 0
        },
        padding: {
            'padding-top': 0,
            'padding-right': 0,
            'padding-bottom': 0,
            'padding-left': 0
        }
    },
    imgs    : [
        {
            grid    : {
                'height'    : 120,
                'width'     : 100
            },
            border  : {
                'width'     : '100%',
                'border-left' : '1px solid #DCDFE6',
                'border-right': '1px solid #DCDFE6'
            },
            url     : '',
            link    : {
                type: '',
                val : ''
            }
        },
        {
            grid    : {
                'height'    : 120,
                'width'     : 100
            },
            border  : {
                'width'     : '100%',
                'border-left' : '1px solid #DCDFE6',
                'border-right': '1px solid #DCDFE6'
            },
            url     : '',
            link    : {
                type: '',
                val : ''
            }
        },
        {
            grid    : {
                'height'    : 120,
                'width'     : 100
            },
            border  : {
                'width'     : '100%',
                'border-left' : '1px solid #DCDFE6',
                'border-right': '1px solid #DCDFE6'
            },
            url     : '',
            link    : {
                type: '',
                val : ''
            }
        }
    ]
}

export const oneTwoBox = {
    temp    : 'one-two-temp',
    setting: {
        margin: {
            'margin-top': 0,
            'margin-right': 0,
            'margin-bottom': 0,
            'margin-left': 0
        },
        padding: {
            'padding-top': 0,
            'padding-right': 0,
            'padding-bottom': 0,
            'padding-left': 0
        }
    },
    img     : {
        grid    : {
            'height'    : 170,
            'width'     : 100
        },
        border  : {
            'border-left' : '1px solid #DCDFE6',
            'border-right': '1px solid #DCDFE6',
        },
        url     : '',
        link    : {
            type: '',
            val : ''
        }
    },
    imgs    : [
        {
            grid   :{
                'height': 82,
                'width' : 100
            },
            border : {
                'height': '50%',
                'border-bottom': '1px solid #DCDFE6'
            },
            url     : '',
            link    : {
                type: '',
                val : ''
            }
        },
        {
            grid   :{
                'height': 82,
                'width' : 100
            },
            border : {
                'height': '50%',
                'border-bottom': '1px solid #DCDFE6'
            },
            url     : '',
            link    : {
                type: '',
                val : ''
            }
        }
    ]
}

export const twoOneBox = {
    temp    : 'two-one-temp',
    setting: {
        margin: {
            'margin-top': 0,
            'margin-right': 0,
            'margin-bottom': 0,
            'margin-left': 0
        },
        padding: {
            'padding-top': 0,
            'padding-right': 0,
            'padding-bottom': 0,
            'padding-left': 0
        }
    },
    img     : {
        grid    : {
            'height'    : 170,
            'width'     : 100
        },
        border  : {
            'border-left' : '1px solid #DCDFE6',
            'border-right': '1px solid #DCDFE6',
        },
        url     : '',
        link    : {
            type: '',
            val : ''
        }
    },
    imgs    : [
        {
            grid   :{
                'height': 82,
                'width' : 100
            },
            border : {
                'height': '50%',
                'border-bottom': '1px solid #DCDFE6'
            },
            url     : '',
            link    : {
                type: '',
                val : ''
            }
        },
        {
            grid   :{
                'height': 82,
                'width' : 100
            },
            border : {
                'height': '50%',
                'border-bottom': '1px solid #DCDFE6'
            },
            url     : '',
            link    : {
                type: '',
                val : ''
            }
        }
    ]
}

export const fourBox = {
    temp    : 'four-box-temp',
    setting: {
        margin: {
            'margin-top': 0,
            'margin-right': 0,
            'margin-bottom': 0,
            'margin-left': 0
        },
        padding: {
            'padding-top': 0,
            'padding-right': 0,
            'padding-bottom': 0,
            'padding-left': 0
        }
    },
    imgs    : [
        {
            grid    : {
                'height'    : 100,
                'width'     : 100
            },
            border  : {
                'width'     : '100%',
                'border-left' : '1px solid #DCDFE6',
                'border-right': '1px solid #DCDFE6'
            },
            url     : '',
            link    : {
                type: '',
                val : ''
            }
        },
        {
            grid    : {
                'height'    : 100,
                'width'     : 100
            },
            border  : {
                'width'     : '100%',
                'border-left' : '1px solid #DCDFE6',
                'border-right': '1px solid #DCDFE6'
            },
            url     : '',
            link    : {
                type: '',
                val : ''
            }
        },
        {
            grid    : {
                'height'    : 100,
                'width'     : 100
            },
            border  : {
                'width'     : '100%',
                'border-left' : '1px solid #DCDFE6',
                'border-right': '1px solid #DCDFE6'
            },
            url     : '',
            link    : {
                type: '',
                val : ''
            }
        },
        {
            grid    : {
                'height'    : 100,
                'width'     : 100
            },
            border  : {
                'width'     : '100%',
                'border-left' : '1px solid #DCDFE6',
                'border-right': '1px solid #DCDFE6'
            },
            url     : '',
            link    : {
                type: '',
                val : ''
            }
        }
    ]
}